@import './overwrite.scss';

.list-filter.el-form--inline:first-child {
  border-bottom: 1px solid rgba(221, 221, 221, 0.8);
  margin-bottom: 12px;

  & > .el-form-item, & > .el-button {
    margin-bottom: 12px;
  }
}

.custom-dialog {
  .el-dialog__header {
    border-bottom: 1px solid #F7F7F7;
  }

  .el-dialog__body {
    padding-left: 50px;
    padding-right: 50px;

    /* 去掉输入框的上下箭头 */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none;
    }

    input[type="number"] {
      -moz-appearance: textfield;
    }
  }

  // 样式统一: 操作按钮不要浮动, 自己独占一行
  // .el-dialog__footer {
  //     padding-right: 40px;
  //     position: absolute;
  //     bottom: 0;
  //     width: 100%;
  // }

  .el-row {
    margin-bottom: 10px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .el-col {
    margin-bottom: 5px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .el-form-item {
    //display: flex;

    .el-form-item__label {
      text-align: right;
      font-size: 12px;
      //font-weight: 400 !important;
    }

    .el-form-item__content {
      //flex: 1;

      .el-input,
      .el-input-number,
      .el-select,
      .el-time-select,
      .el-time-picker,
      .el-date-picker,
      .el-date-editor,
      .el-cascader {
        width: 100%;
      }
    }
  }
}

.custom-steps {
  .el-step {
    .el-step__head {
      .el-step__icon {
        width: 18px;
        height: 18px;
        font-size: 8px;
      }

      .el-step__line {
        top: 8px;
      }
    }

    .el-step__main {
      .el-step__title {
        font-size: 12px;
      }
    }
  }
}

.el-form-item.multiple {
  & > .el-form-item__content {
    display: flex;
    justify-content: space-between;

    &:before, &:after {
      display: none;
    }

    .el-form-item {
      flex: 1;

      &:first-of-type {
        margin: 0 16px 0 0;
      }
    }
  }
}
